<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="src/css/public.css" />
    <link rel="stylesheet" type="text/css" href="src/css/index.css"/>
</head>

<body>
<!--头部start-->
  <div class="head">
<!--top start-->
  	<div class="top">
       <div class="topauto auto clearfix">
           <span class="top_l fl">
             <span class="mark_tl1"><a href="">无限道生态</a></span>
             <span class="mark_tl2"><a href="">添加到桌面</a></span>
           </span>
           <span class="top_r fr">
             <span><a href="">登陆</a></span>
             <span><a href="">注册</a></span>
           </span>
        </div>
  	</div>
<!--top end-->
<!--logo start-->
  	<div class="logo auto clearfix">
        <span class="logoo fl mt20"><img src="src/images/logo_08.png" alt="logo"></span>
        <div class="search fl mt30">
           <input type="text" placeholder="输入关键字">
           <a href=""><img src="src/images/mark_search_05.png" alt="搜索" /></a>
        </div>
        <div class="mark_group fr clearfix">
           <span class="mark_logo1 fl"><span class="mlogo_1">新品尝鲜</span><span class="mlogo_2">海量商品第一手尝鲜</span></span>
           <span class="mark_logo2 fl"><span class="mlogo_1">全额退款</span><span class="mlogo_2">未达成目标全额退款</span></span>
           <span class="mark_logo3 fl"><span class="mlogo_1">全国包邮</span><span class="mlogo_2">部分产品港澳台除外</span></span>
        </div>
    </div>
<!--logo end-->
<!--nav start-->
  	<nav class="auto clearfix">
        <span class="nav_l fl">
          <span class="nav_l1 nav_l4 active"><a href="index.html">首页</a></span>
          <span class="nav_l2 nav_l4"><a href="contract.html">项目浏览</a></span>
          <span class="nav_l3 nav_l4"><a href="user.html">我的众筹</a></span>
        </span>
        <span class="nav_r fr">
          <span class="nav_r1 fl"><a href="contract.html">发起项目</a></span>
          <span class="nav_r2 fl"><a href="help.html">新手帮助</a></span>
        </span>
    </nav>
<!--nav end-->
  </div>
<!--头部 结束-->
<!--banner开始-->
    <div class="carousel">
            <ul class="carousel_ul">
                <li><img class="carousel_bg" src="src/images/banner_bg1.jpg"/><a href=""><img class="carousel_img" src="src/images/banner_img1.png" width="1190" height="600"/></a></li>
                <li><img class="carousel_bg" src="src/images/banner_bg2.jpg"/><a href=""><img class="carousel_img" src="src/images/banner_img2.png" width="1190" height="600"/></a></li>
                <li><img class="carousel_bg" src="src/images/banner_bg3.jpg"/><a href=""><img class="carousel_img" src="src/images/banner_img3.png" width="1190" height="600"/></a></li>
          </ul>
      <div class="carousel_left_right">
          <p class="carousel_left"></p>
          <p class="carousel_right"></p>
      </div>
      <div class="carousel_span"><span class="carousel_span_one"></span><span></span><span></span></div>
     </div>
<!--主体-->
<div class="main">
<!--免费试用-->
    <div class="free">
        <p class="main_header_bg"></p>
        <p class="main_header free_header">免&nbsp;费&nbsp;试&nbsp;用&nbsp;&nbsp;<span>Free&nbsp;&nbsp;Trial</span></p>
        <ul class="clearfix">
            <li class="free_one fl"><a href="">
                <p class="free_title">智能黑曜石手链</p>
                <p class="free_summary">懂你的智能首饰<br/>小巧精致的智能配饰</p>
                <img class="free_img" src="src/images/free_img1.png" alt="智能黑曜石手链"/></a>
                <div class="free_hover"><input class="button_apply" type="button" value="立即申请" /></div>
            </li>
            <li class="free_two fl"><a href="">
                <p class="free_title">智能黑曜石手链</p>
                <p class="free_summary">懂你的智能首饰<br/>小巧精致的智能配饰</p>
                <img class="free_img" src="src/images/free_img2.png" alt="智能黑曜石手链"/></a>
                <div class="free_hover"><input class="button_apply" type="button" value="立即申请" /></div>
            </li>
            <li class="free_three fl"><a href="">
                <p class="free_title">智能黑曜石手链</p>
                <p class="free_summary">懂你的智能首饰<br/>小巧精致的智能配饰</p>
                <img class="free_img" src="src/images/free_img3.png" alt="智能黑曜石手链"/></a>
                <div class="free_hover"><input class="button_apply" type="button" value="立即申请" /></div>
            </li>
            <li class="free_four fl"><a href="">
                <p class="free_title">智能黑曜石手链</p>
                <p class="free_summary">懂你的智能首饰<br/>小巧精致的智能配饰</p>
                <img class="free_img" src="src/images/free_img4.png" alt="智能黑曜石手链"/></a>
                <div class="free_hover"><input class="button_apply" type="button" value="立即申请" /></div>
            </li>
        </ul>
    </div>
<!--热门推荐-->
  <div class="hot">
        <p class="main_header_bg"></p>
        <p class="main_header hot_header">热&nbsp;门&nbsp;推&nbsp;荐&nbsp;&nbsp;<span>Popular&nbsp;&nbsp;Recommendation</span></p>
      <ul>
          <li class="hot_list">
              <img class="hot_img" src="src/images/hot_img1.jpg" alt="迪奥（Dior）幽蓝魅惑五色眼影"/>
              <div class="hot_content clearfix">
                  <span class="tag_conduct hot_tag fr"></span>
                  <p class="hot_title">迪奥（Dior）幽蓝魅惑五色眼影</p>
                  <p class="hot_summary">迪奥（Dior）设计师幽蓝魅惑五色眼影5.7g，五款不同质地的眼影，光亮、浓郁兼而有之，置于一盒之中，通过上妆，即可幻变出各式眼妆。 以中心色为基调，逐一对应专业彩妆师惯用的五个上妆基本步骤，将众人视线引向你的双眸，绽现生动无比的个性眼妆。</p>
                  <ul class="clearfix">
                      <li class="hot_money fl">已筹集<br /><span>￥3990</span></li>
                      <li class="hot_people fl">已支持<br /><span>326人</span></li>
                      <li class="hot_time fl">剩余时间<br /><span>5天</span></li></ul>
                  <div class="hot_bar_wrapper"><img style="width:78%;" class="hot_bar" src="src/images/hot_bar.jpg"/></div>
                  <span class="hot_rate_wrapper fl">达成率：<span class="hot_rate">78%</span></span>
                  <a href="" class="hot_support fr"></a>
              </div>
          </li>
          <li class="hot_list">
              <img class="hot_img" src="src/images/hot_img2.jpg" alt="迪奥（Dior）幽蓝魅惑五色眼影"/>
              <div class="hot_content clearfix">
                  <span class="tag_preheat hot_tag fr"></span>
                  <p class="hot_title">迪奥（Dior）幽蓝魅惑五色眼影</p>
                  <p class="hot_summary">迪奥（Dior）设计师幽蓝魅惑五色眼影5.7g，五款不同质地的眼影，光亮、浓郁兼而有之，置于一盒之中，通过上妆，即可幻变出各式眼妆。 以中心色为基调，逐一对应专业彩妆师惯用的五个上妆基本步骤，将众人视线引向你的双眸，绽现生动无比的个性眼妆。</p>
                  <ul class="clearfix">
                      <li class="hot_money fl">已筹集<br /><span>￥3990</span></li>
                      <li class="hot_people fl">已支持<br /><span>326人</span></li>
                      <li class="hot_time fl">剩余时间<br /><span>5天</span></li></ul>
                  <div class="hot_bar_wrapper"><img style="width:0%;" class="hot_bar" src="src/images/hot_bar.jpg"/></div>
                  <span class="hot_rate_wrapper fl">达成率：<span class="hot_rate">0%</span></span>
                  <a href="" class="hot_support fr"></a>
              </div>
          </li>
          <li class="hot_list">
              <img class="hot_img" src="src/images/hot_img3.jpg" alt="迪奥（Dior）幽蓝魅惑五色眼影"/>
              <div class="hot_content clearfix">
                  <span class="tag_finish hot_tag fr"></span>
                  <p class="hot_title">迪奥（Dior）幽蓝魅惑五色眼影</p>
                  <p class="hot_summary">迪奥（Dior）设计师幽蓝魅惑五色眼影5.7g，五款不同质地的眼影，光亮、浓郁兼而有之，置于一盒之中，通过上妆，即可幻变出各式眼妆。 以中心色为基调，逐一对应专业彩妆师惯用的五个上妆基本步骤，将众人视线引向你的双眸，绽现生动无比的个性眼妆。</p>
                  <ul class="clearfix">
                      <li class="hot_money fl">已筹集<br /><span>￥3990</span></li>
                      <li class="hot_people fl">已支持<br /><span>326人</span></li>
                      <li class="hot_time fl">剩余时间<br /><span>5天</span></li></ul>
                  <div class="hot_bar_wrapper"><img style="width:100%;" class="hot_bar" src="src/images/hot_bar.jpg"/></div>
                  <span class="hot_rate_wrapper fl">达成率：<span class="hot_rate">100%</span></span>
                  <a href="" class="hot_support fr"></a>
              </div>
          </li>
          <li class="hot_list">
              <img class="hot_img" src="src/images/hot_img4.jpg" alt="迪奥（Dior）幽蓝魅惑五色眼影"/>
              <div class="hot_content clearfix">
                  <span class="tag_preheat hot_tag fr"></span>
                  <p class="hot_title">迪奥（Dior）幽蓝魅惑五色眼影</p>
                  <p class="hot_summary">迪奥（Dior）设计师幽蓝魅惑五色眼影5.7g，五款不同质地的眼影，光亮、浓郁兼而有之，置于一盒之中，通过上妆，即可幻变出各式眼妆。 以中心色为基调，逐一对应专业彩妆师惯用的五个上妆基本步骤，将众人视线引向你的双眸，绽现生动无比的个性眼妆。</p>
                  <ul class="clearfix">
                      <li class="hot_money fl">已筹集<br /><span>￥3990</span></li>
                      <li class="hot_people fl">已支持<br /><span>326人</span></li>
                      <li class="hot_time fl">剩余时间<br /><span>5天</span></li></ul>
                  <div class="hot_bar_wrapper"><img style="width:0%;" class="hot_bar" src="src/images/hot_bar.jpg"/></div>
                  <span class="hot_rate_wrapper fl">达成率：<span class="hot_rate">0%</span></span>
                  <a href="" class="hot_support fr"></a>
              </div>
          </li>
          <li class="hot_list">
              <img class="hot_img" src="src/images/hot_img5.jpg" alt="迪奥（Dior）幽蓝魅惑五色眼影"/>
              <div class="hot_content clearfix">
                  <span class="tag_finish hot_tag fr"></span>
                  <p class="hot_title">迪奥（Dior）幽蓝魅惑五色眼影</p>
                  <p class="hot_summary">迪奥（Dior）设计师幽蓝魅惑五色眼影5.7g，五款不同质地的眼影，光亮、浓郁兼而有之，置于一盒之中，通过上妆，即可幻变出各式眼妆。 以中心色为基调，逐一对应专业彩妆师惯用的五个上妆基本步骤，将众人视线引向你的双眸，绽现生动无比的个性眼妆。</p>
                  <ul class="clearfix">
                      <li class="hot_money fl">已筹集<br /><span>￥3990</span></li>
                      <li class="hot_people fl">已支持<br /><span>326人</span></li>
                      <li class="hot_time fl">剩余时间<br /><span>5天</span></li></ul>
                  <div class="hot_bar_wrapper"><img style="width:100%;" class="hot_bar" src="src/images/hot_bar.jpg"/></div>
                  <span class="hot_rate_wrapper fl">达成率：<span class="hot_rate">100%</span></span>
                  <a href="" class="hot_support fr"></a>
              </div>
          </li>
      </ul>
    </div>
</div>

<!--尾部start-->
<div class="tail">
     <div class="tail_auto auto clearfix">
       <div class="tail_a1 fl">
         <div class="footer_p pt50">
           <span class="tail_process1 w150br30">发起人创建项目</span>
           <span class="tail_process">></span>
           <span class="tail_process2 w150br30">项目获得支持</span>
           <span class="tail_process">></span>
           <span class="tail_process3 w150br30">发起人发放回报</span>
           <span class="tail_process">></span>
           <span class="tail_process4 w150br30">用户得到回报</span>
         </div>
         <ul>
           <li><a href="">关于我们</a></li>
           <li><a href="">服务条款</a></li>
           <li><a href="">项目教程</a></li>
           <li><a href="">新手帮助</a></li>
           <li><a href="">常见问题</a></li>
           <li class="border_none"><a href="">意见反馈</a></li>
         </ul>
       </div>
       <div class="tail_a2 fl">
         <p class="tail_ewm">微信公众号</p>
         <img src="src/images/foot_ewm_05.png" alt="">
       </div>
       <div class="tail_a3 fr">
         <p class="tail_inform0"><span>联系我们（9:00－18:00）</span></p>
         <p class="tail_inform1">400-000-0000</p>
         <p class="tail_inform2">wuxiandao@zhongchou.com</p>
         <p class="tail_inform0">qq群：123456789</p>
       </div>
    </div>
    <div class="footer_bottom">©版权所有</div>
</div>   
<!--尾部end-->
<script type="text/javascript" src="src/js/jquery-1.8.0.min.js"></script>
<script src="src/js/index.js"></script>
</body>

</html>
